<%@ page import="photobox.photo.Photo; photobox.account.User" %>

<g:render template="../home/header" ></g:render>

<!--主体-->
<div class="load_blk load_blk_ying" style="height: 286px;">
    <div class="left_blk f_l">
        <div class="user_blk"><!--<div class="user_head"><img src="../${User.findById(session.userId)?.photoImage}"  alt="头像" /></div>-->
            <g:if test="${session.userId}">
                <div class="user_head">
                    <g:if test="${photobox.account.User.get(session.userId)?.photoImage}">
                        <img src="../${User.findById(session.userId)?.photoImage}"  alt="头像" />
                    </g:if>
                    <g:else>
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown"><img src="${resource(dir: '/assets/img', file: 'headp_140.jpg')}" alt="photobox" class="userPic"></a>
                    </g:else>
                </div>
            </g:if>
        </div>
        <!--nav-->
        <div class="nav_left bor4" style=" height:108px;">
            <ul class="">
                <li><g:link controller="member" action="browserHistory"><span class=" tubiao4 tubiao4_1">&nbsp;</span>我浏览的作品</g:link></li>
                <li><g:link controller="member" action="purchasedPhoto"><span class=" tubiao4 tubiao4_2">&nbsp;</span>我购买的作品</g:link></li>
            </ul>
        </div>
        <!--/nav-->
    </div>

    <!--用户信息-->

    <div class="blk3_1 f_l">
        <div style="height: 175px; padding-top: 25px;">
            <h4 class="nav_title mLe_20">用户名称：${User.get(session.userId).nickName}</h4>
            <p class="blk_p">用户身份</p>
            <p class="blk_p"><span class="mRi_30">所在地：北京</span> <span class="mRi_30">常用设备：Canon EOS D60</span> <span>影龄：5-10年</span></p>
        </div>
        <div class="btn_blk1">
            <div class="btn_a1 f_l"><g:link controller="order" action="points"><strong>BOX积分</strong><p>${User.get(session.userId)?.totalPoints}</p></g:link></div>
            <div class="btn_a1 f_l"><g:link controller="order" action="order"><strong>订单</strong><p>${orderCount}</p></g:link></div>
            <div class="btn_a1 f_l"><a href="###"><strong>累计交易金额</strong><p>${Math.round(cash)}</p></a></div>
        </div>
    </div>
    <!--/用户信息-->
</div>

<div class="wid_1200 mTo_20">
    <!--/用户简介-->
    <div class="f_l">
        <div class="left_blk f_l pBo_20">
            <div class="sJiao"><div class="jiao1"></div></div>
            <div class="user_jianj">
                <p>${User.findById(session.userId)?.presentation}</p>
            </div>
        </div>
        <div class="kong_100 clear"></div>
    </div>
    <!--/用户简介-->
    <div class="blk3 f_l load_blk_ying load1">

        <div class="blk3_1">
            <div class="s1_title">
                <h3 class="f_l"><span class=" tubiao3 tubiao3_3">&nbsp;</span>我的作品&nbsp;共<span id="myWork"></span>张</h3>
                <div class="s_btn f_r"><g:link controller="photo" action="add">上传</g:link></div>
            </div>

            <input type="hidden" value="${max}" id="maxId" />
            <input type="hidden" value="${offset}" id="offsetId" />
            <!---->

            <div id="main" class="anli_pic">
                <div class="flow" ></div>
                <div class="flow" ></div>
                <div class="flow" ></div>
                <div class="flow" ></div>
            </div>

        %{--<div class="bottomBor"></div>--}%%{--遮住底部阴影--}%
        </div>
    </div>

</div>
<!--/主体-->
<script>
    var ajaxPhoto = function(max,offset){
        if($("#maxId").attr("name")){
            return;
        }
        $("#maxId").attr("name",'request')
        $.ajax({
            type:"POST",
            url:"<g:createLink controller='member' action='personCenter'/>",
            data:{max:max,offset:offset,json:1},
            dataType:'json',
            beforeSend:function(){
            },
            success:function(data){

                $("#maxId").attr("name","");
                $('#maxId').val(data.max);
                $('#offsetId').val(data.offset);

                $('#myWork').html (data.photoCount) ;
                if(data.photoCount == 0){
                    $("#main").html('<p class="Ptb_100" style="text-align: center;">您还未上传过任何作品</p>').attr("style","color:red");
                }
                var d = data.photoList;
                var n = d.length/4;
                var j=0;
                for(var i = 0 ; i < n ; i++){
                    $(".flow").each(function() {
                        if (d[j]) {
                            var r = d[j]
                            var html = [];
                            html.push('<div class="list"><a href="../photo/show/'+ r.id+'">');
                            html.push('<div class="anlipic_tu"><img src="../' + r.smallImagePath + '"  border="0" /></div>');
                            html.push('<div class="anlipic_sm"><h5>' + r.name +  '</h5> <p>作者：' + r.username +'</p></div>');
                            html.push('</a></div>');
                            html.push('<div class="heng_line clear"></div>');
                            $(this).append(html.join(' '));
                            j++;
                        }else{
                            $("#maxId").attr("name","request");
                        }
                    });
                }
            },
            error: function (data, status, e)//服务器响应失败处理函数
            {
                alert(e);
            }
        });
    }
    $(document).ready(function(){
        //初始化数据
        ajaxPhoto(8,0);
        $(window).scroll(function(){
            // 被卷去的高度
            var scrollTop = document.body.scrollTop||document.documentElement.scrollTop;
            // 页面高度
            var pageHeight = $(document).height();
            // 可视区域高度
            var viewHeight = $(window).height();
            //alert(viewHeight);
            //当滚动到底部时
            if((scrollTop+viewHeight)>(pageHeight-20)){
                ajaxPhoto($('#maxId').val(),$('#offsetId').val());
            }
        });
    });
</script>
%{--<script type="text/javascript">--}%

    %{--var n = 0;--}%
   %{--$(document).ready(function(){--}%

       %{--$.ajax({--}%
           %{--type:"POST",--}%
           %{--url:"<g:createLink controller='member' action='personPhoto'/>",--}%
           %{--data:"",--}%
           %{--dataType:'json',--}%
           %{--beforeSend:function(){--}%
               %{--$('.ajax_loading').show(); //显示加载时候的提示--}%

           %{--},--}%
           %{--success:function(data){--}%

               %{--if(n==0){--}%
                   %{--for(var i=0;i<8;i++,n++){--}%
                       %{--$("#pic_list").append("<img id='"+data.photo[n].id+"' src='../"+data.imagePath[n]+"' alt='' width='214' height='214' />");//将ajxa请求的数据追加到内容里面--}%
                   %{--}--}%
               %{--}--}%

           %{--},--}%
           %{--error: function (data, status, e)//服务器响应失败处理函数--}%
           %{--{--}%
               %{--alert(e);--}%
           %{--}--}%
       %{--});--}%

        %{--$(window).scroll(function(){--}%

            %{--if($(document).scrollTop()>=$(document).height()-$(window).height()){--}%

                %{--$.ajax({--}%
                    %{--type:"POST",--}%
                    %{--url:"<g:createLink controller='member' action='personPhoto'/>",--}%
                    %{--data:"",--}%
                    %{--dataType:'json',--}%
                    %{--beforeSend:function(){--}%
                        %{--$('.ajax_loading').show(); //显示加载时候的提示--}%

                    %{--},--}%
                    %{--success:function(data){--}%

                        %{--if(n>7&&n<data.imagePath.length){--}%
                            %{--for(var i=1;i<8&&n<data.imagePath.length;i++,n++){--}%
                                %{--$("#last_pic").append("<img src='../"+data.imagePath[n]+"' alt='' width='214' height='214' />");//将ajxa请求的数据追加到内容里面--}%

                                %{--if(n >= data.imagePath.length){--}%
                                    %{--alert("图片已全部加载！");--}%
                                    %{--$('.ajax_loading').hide();--}%
                                    %{--return false;--}%
                                %{--}--}%
                            %{--}--}%
                        %{--}else if(n >= data.imagePath.length){--}%
                                %{--alert("图片已全部加载！");--}%
                            %{--$('.ajax_loading').hide();--}%
                                %{--return false;--}%
                            %{--}--}%


%{--//                        $('#content').style.height = "900px";--}%
%{--//                       alert($('#content').style.height());--}%
                         %{--//请求成功,隐藏加载提示--}%
                    %{--},--}%
                    %{--error: function (data, status, e)//服务器响应失败处理函数--}%
                    %{--{--}%
                        %{--alert(e);--}%
                    %{--}--}%
                %{--});--}%
            %{--}--}%
        %{--});--}%
   %{--})--}%
%{--</script>--}%


<g:render template="../home/footer" ></g:render>